html,
body {
  height: 100%;
}

.pages {
  width     : 100%;
  height    : 100%;
  background: var(--bg)
}

.head-view {
  height     : 4rem;
  background : var(--white);
  display    : flex;
  align-items: center;
}

.yulan-form {
  background: var(--white)
}

.head-view .head-img {
  width        : 2rem;
  height       : 2rem;
  border-radius: 50%;
  margin       : auto;
  background   : red;
  position     : relative;
}

.head-view .head-img img {
  width        : 100%;
  height       : 100%;
  border-radius: 50%;
}

.yulan-file {
  width        : 2rem;
  height       : 2rem;
  border-radius: 50%;
  position     : absolute;
  top          : 0;
  left         : 0;
  opacity      : 0;
}
.yulan-save{
  width: 90%;
  border-radius: 1.2rem;
}